<!DOCTYPE html>
<html class="no-js">
<head lang="en">
  <meta charset="UTF-8">
  <title>用户中心_众创互联云孵化平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="format-detection" content="telephone=no">
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="images/favicon.png">
  <link href="../assets/css/zc_base.css" rel="stylesheet" />
  <link href="../assets/css/zc_style.css" rel="stylesheet" />
  <script src="../assets/js/echarts.min.js"></script>
  <script src="../assets/js/jquery.js"></script>
  <script src="../assets/js/zc_base.js"></script>

</head>
<body class="bg">

  <!-- 头部 -->
  <div class="container-layout bg-white">
    <div class="line">
      <div class="xl12 xs5 xm6 xb6">
        <button class="button icon-navicon float-right" data-target="#header-demo1">
        </button>

        <a href="/" class="float-left">
          <img src="../assets/images/logo.png" alt="众创互联云孵化平台"  />
        </a>
        <h2 class="margin-big-top">用户中心</h2>
      </div>
      <div class="xl12 xs7 xm6 xb6 padding-top">

      </div>
    </div>
  </div>


  <div class="container">
    <div class="line-big">
      <div class="xl12 xs12 xm3  text-center text-gary padding-big-top">
        <div class="bg-white padding-big">

          <h3><span class="icon-home text-yellow"></span> <a href="user-index.html">我的主页</a></h3>
          <hr>
          <h3><span class="icon-calendar text-yellow"></span> 赛事管理</h3>
          <hr>
          <ul class="nav nav-pills nav-navicon text-big" id="contest">
            <li><a href="contest-list.html">赛事列表</a></li>
            <li><a href="contest-add.html">新建赛事</a></li>
            <li><a href="contest-data.html">信息统计</a></li>
          </ul>
          <hr>
          <h3><span class="icon-user text-yellow"></span> 用户中心</h3>
          <hr>
          <ul class="nav nav-pills nav-navicon text-big" id="yonghuzhongx">
            <li><a href="user-profile.html">我的信息</a> </li>
            <li><a href="user-editpass.html">密码修改</a> </li>
          </ul>
        </div>

      </div>
      <div class="xl12 xs12 xm9 padding-big-top">
        <div class="bg-white padding-big">

          <div class="alert alert-red "><span class="close rotate-hover"></span><strong>新消息提示：</strong>您有新的消息提醒。</div>
          <div class="line">
            <div class="x3 text-center">
              <img src="../assets/images/face.jpg" width="128" height="128" class="radius-circle margin" />
            </div>
            <div class="x9 padding-top">
              <p>欢迎您，<span class="text-yellow">138xxxx8888</span>，  上次登录时间：2017-03-22 13:32:55</p>
              <p>会员等级： <span class="tag text-default">标准用户</span> <span class="tag bg-yellow text-default">众创荟会员 L1</span> </p>
              <p>我的身份： <span class="tag bg-main text-default">创业团队</span> <span class="tag bg-dot text-default">众创空间</span>  <span class="tag bg-sub text-default">投资人</span> <span class="tag bg-green text-default">第三方服务</span></p>
              <p>未读消息： <span class="badge">88</span></p>
            </div>
          </div>
          <hr>
          <div class="line">
            <div class="x12">
              <div id="chart01" style="width:100%; height:300px;"></div>
            </div>
          </div>
          <hr>
          <div class="line">
            <div class="x12">
              <div id="chart02" style="width:100%; height:300px;"></div>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>

  <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('chart01'));
        var myChart2 = echarts.init(document.getElementById('chart02'));
        // 指定图表的配置项和数据
        var option = {
          title: {
            text: '项目分布展示（demo）'
          },
          tooltip: {},
          legend: {
            data:['数量']
          },
          xAxis: {
            data: ["智能硬件","教育培训","公共社交","电子商务","游戏娱乐","文化创意","旅游行业","虚拟现实","能源科技","生物医药","节能环保"]
          },
          yAxis: {},
          series: [{
            name: '数量',
            type: 'bar',
            data: [540, 202, 363, 503, 490, 220, 402, 463, 303, 690, 820]
          }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        myChart2.setOption(option);
      </script>



      <!-- 底部 -->
      <div class="container-layout bg-323A45 bg-inverse padding-big-top padding-big-bottom">
        <div class="table-responsive padding hidden-l">
          <ul class="nav nav-sitemap">
            <li><a href="#">新闻资讯</a>
              <ul>
                <li><a href="#" class="text-gray">新闻公告</a> </li>
                <li><a href="#" class="text-gray">业界资讯</a> </li>
                <li><a href="#" class="text-gray">媒体报道</a> </li>
              </ul>
            </li>
            <li><a href="#">产品中心</a>
              <ul>
                <li><a href="#" class="text-gray">产品分类</a> </li>
                <li><a href="#" class="text-gray">产品品牌</a> </li>
                <li><a href="#" class="text-gray">产品特色</a> </li>
              </ul>
            </li>
            <li><a href="#">技术反馈</a>
              <ul>
                <li><a href="#" class="text-gray">售后服务</a> </li>
                <li><a href="#" class="text-gray">营销网络</a> </li>
                <li><a href="#" class="text-gray">服务支持</a> </li>
              </ul>
            </li>
            <li><a href="#">留言反馈</a> </li>
            <li><a href="#">联系方式</a> </li>
          </ul>
        </div>
        <hr class="bg-black">
        <div class="text-center text-gray">
          版权所有 © zchly.cn All Rights Reserved，京ICP备07501059号-5   京公网安备 11010802020208号</div>
        </div>

      </body>
      </html>